<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html>
<html>
    <head>
        <jsp:include page="recursos/includes/Header.jsp"></jsp:include>
    </head>
    <body>
        <div data-role="page" id="page1">
            <div data-theme="b" data-role="header" data-position="fixed">
                <h3>
                    SISTEMA MOBIL RESTAURANTE
                </h3>
            </div>
            <div data-role="content">
                <div class="ui-grid-b">
                    <table width="100%">
                        <tr>
                            <td width="100%" colspan="2" align="center" style="font-size: x-large; font-style: oblique">
                                <div data-role="fieldcontain" align="left">
                                    <label for="name">Descripcion:</label>
                                    <label for="name" id="lblMesaNuevoPedido"><b>Mesa  02  -  Maria Claudia Perez Soliz</b></label>
                                </div>
                                <div data-role="fieldcontain" align="left">
                                    <label for="name">Fecha:</label>
                                    <label for="name"><b>16 / 09 / 2012</b></label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div data-role="fieldcontain">
                                    <label for="select-comprobante" class="select">Tipo de Comprobante:</label>
                                    <select name="select-comprobante" id="select-comprobante">
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div data-role="fieldcontain">
                                    <label for="select-descuento" class="select">Tipo de Descuento:</label>
                                    <select name="select-descuento" id="select-descuento">
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>                                      
                                <div id="listaProductosParaPedido" data-role="content">
                                    <ul data-role="listview" data-theme="g" id="listaProductosParaPedidoUL">
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <a href="#sure" data-theme="b" data-mini="true" data-rel="dialog" data-role="button">Facturar Mesa</a>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </body>
</html>
<div data-role="dialog" id="sure" data-title="Are you sure?">
    <div data-role="content">
        <h3 class="sure-1">Deseas Facturar Mesa</h3>
        <a href="#" class="sure-do" data-role="button" data-theme="b" data-rel="back" onclick="facturarMesa()">Yes</a>
        <a href="#" data-role="button" data-theme="c" data-rel="back">No</a>
    </div>
</div>